import Modal from "@mui/material/Modal";

import Micons from "@/components/MIcons/index";

import "./index.scss";

const PkWin = (props: any) => {
  const { onClose, open=false, title, content } = props;

  const handleClose = () => {
    onClose();
  };

  return (
    <Modal open={open}>
      <div className="modal-wrap">
        <div className="frame-box">
          <div className="modal-content">
            <div className="modal-title">{title}</div>
            <div className="modal-body">{content}</div>
          </div>
        </div>
        <div
          className="close-btn"
          onClick={() => {
            handleClose();
          }}
        >
          <Micons type="extend" className="icon-guanbi1" colorFill="#68686a" />
        </div>
      </div>
    </Modal>
  );
};
export default PkWin;
